﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPrincipal.master" AutoEventWireup="true"
    CodeFile="GerenciarTrilhaAG.aspx.cs" Inherits="Trilha_GerenciarTrilhaAG" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <link href="../scripts/tiny_mce/themes/simple/skins/default/ui.css" rel="stylesheet"
        type="text/css" />
    <script src="../scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
    <script src="../scripts/fswgrid-0.2.js" type="text/javascript"></script>
    <script src="../scripts/json2.js" type="text/javascript"></script>
    <link href="../Css/geral.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(document).ready(function () {
            carregarListaTrilha();
        });
        var configGridTrilhas = {s: 4, i: 1, t: '', o: ''};
        function alterar(id)
        {
            window.location = "AlterarTrilhaAG.aspx?q="+id;
        };
        function excluir(guid)
        {
            $('#mensagem-processando').show();
            $.ajax({
		        type: "POST",
		        url: "GerenciarTrilhaAG.aspx/excluir",
		        contentType: "application/json; charset=utf-8",
		        dataType: "json",
		        data: JSON.stringify({id: guid}),
		        success: 
                    function (msg)
                    {
                        if(msg.d != true)
                        {
                            $('#dialog-erro').dialog({
                                title: 'Erro',
                                resizable: false,
                                position: 'center',
                                height: '200',
                                width: '320',
                                modal: true,
                                overlay: {
                                    backgroundColor: '#000',
                                    opacity: 0.5
                                },
                                buttons: [
                                    {
                                        text: "Ok", 
                                        click: function() { 
                                            $(this).dialog("close");
                                        }
                                    }
                                ]
                            });
                        }
                        carregarListaTrilha();
                    }
	        });
            $('#mensagem-processando').hide();
        };
        function carregarListaTrilha(){
        var lista;
            $.ajax({
                type: "POST",
                url: "GerenciarTrilhaAG.aspx/getTrilhas",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: JSON.stringify({pagina: configGridTrilhas.i}),
                success: 
                    function (msg) {
                    lista = msg.d;
                        $('#table-trilha').fswGrid({
	                        bottombar: '#table-trilha-footer',
	                        selectable: true,
	                        selectSingle: true,
	                        sortable: true,
	                        nextText: 'Próxima',
	                        prevText: 'Anterior',
	                        resultText: 'Exibindo de {0} a {1} de {2} resultados',
	                        results: false,
	                        pagination: true,
	                        message: 'Nenhuma trilha encontrado',
	                        pageSize: configGridTrilhas.s,
                            onNext: function (i) {
		                        configGridTrilhas.i = configGridTrilhas.i + 1;
	                        },
	                        onPrev: function (i) {
		                        configGridTrilhas.i = configGridTrilhas.i - 1;
	                        },
                            render: function (row, item) {
                                $(row).append($('<td>').text(item.nome));
		                        var tdAcoes = $('<td>');
		                        var buttonAcessar = $('<a href="javascript:alterar(\''+item.id+'\')" class="buttonAcaoMenor">Alterar</a>');
                                var buttonExcluir = $('<a class="buttonAcaoMenor" href="javascript:excluir(\''+item.id+'\')">Excluir</a>');
		                        tdAcoes.append(buttonAcessar);
                                tdAcoes.append(buttonExcluir);                                
		                        $(row).append(tdAcoes);
	                        }
                        }, lista);
                    },
            });
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderConteudo" runat="Server">
    <table>
        <tr>
            <td style="padding-right: 30px;">
                <dl>
                    <dt style="color: Blue; font-size: 15px">MENU</dt>
                    <br />
                    <dd>
                        <a href="../DefaultAG.aspx" style="border-bottom: 1px solid #F4F4F4">Principal</a>
                    </dd>
                    <dd>
                        <a href="../Quesito/CadastrarTrilhaAG.aspx" style="border-bottom: 1px solid #F4F4F4">
                            Cadastrar</a>
                    </dd>
                </dl>
            </td>
            <td style="border-left: 1px solid #EEE; padding-left: 10px">
                <div>
                    <div>
                        <div style="text-align: left">
                            <asp:Label runat="server" ID="LabelTrilhas" Font-Bold="true" Text="Trilhas do Evento"
                                Font-Size="30px"></asp:Label>
                        </div>
                        <br />
                        <br />
                        <br />
                        <br />
                    </div>
                    <table class="tabela-pesquisa" id="table-trilha">
                        <thead>
                            <tr>
                                <th>
                                    Título
                                </th>
                                <th style="width: 20%">
                                    Ação
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div class="button-footer" id="table-trilha-footer">
                        <span class="fsw-grid-results"></span><a class="fsw-grid-prev" href="javascript:carregarListaTrilha();">
                            Anterior</a> <a class="fsw-grid-next" href="javascript:carregarListaTrilha();">Próximo</a>
                    </div>
                    <br />
            </td>
        </tr>
    </table>
    <div id="dialog-erro" style="display: none">
        erro ao excluir quesito, existe avaliação de artigo vinculado ao quesito
    </div>
</asp:Content>
